<template>
  <div class="benefit-coupon">
    <nav-bar>
      <div class="center" slot="center">代金券说明</div>
    </nav-bar>
    <div class="main">
      <p class="title">Q1: 什么是商家代金券？</p>
      <p>
        商家代金券是指由商家自己发放代金券，只限在指定的商家使用，可根据条件抵扣相应金额。
      </p>
      <p class="title">Q2: 怎么获得商家代金券？</p>
      <ul>
        <li>进入有「进店领券」或「下单返券」标示的商家即有机会获得代金券。</li>
        <li>
          「下单返券」需要在指定商家完成满足返券金额要求的订单后才会返还，代金券可在下次下单时使用。
        </li>
      </ul>
      <p class="title">Q3: 商家代金券使用条件</p>
      <ul>
        <li>商家代金券仅限在指定商家使用</li>
        <li>商家代金券仅限在线支付使用</li>
        <li>每个订单只能使用一张商家代金券，不可与其他代金券叠加使用</li>
      </ul>
    </div>
  </div>
</template>

<script>
import NavBar from "components/common/navbar/NavBar";
export default {
  components: {
    NavBar,
  },
};
</script>
<style lang="less" scoped>
@import url("assets/css/mixin");
.benefit-coupon {
  .initial-children();
  background-color: #fff;
  .main {
    padding: 10px;
    p,
    ul {
      margin-bottom: 10px;
      line-height: 24px;
    }
    .title {
      color: #333333;
    }
  }
}
</style>